import { createTheme } from '@mui/material/styles';

const theme = createTheme({
  typography: {
    fontFamily: '"Noto Serif SC", "Roboto", "Helvetica", "Arial", sans-serif',
    h1: {
      fontFamily: '"Noto Serif SC", serif',
      fontWeight: 600,
    },
    h2: {
      fontFamily: '"Noto Serif SC", serif',
      fontWeight: 600,
    },
    h3: {
      fontFamily: '"Noto Serif SC", serif',
      fontWeight: 600,
    },
    h4: {
      fontFamily: '"Noto Serif SC", serif',
      fontWeight: 600,
    },
    h5: {
      fontFamily: '"Noto Serif SC", serif',
      fontWeight: 600,
    },
    h6: {
      fontFamily: '"Noto Serif SC", serif',
      fontWeight: 600,
    },
    subtitle1: {
      fontFamily: '"Noto Serif SC", serif',
    },
    subtitle2: {
      fontFamily: '"Noto Serif SC", serif',
    },
    body1: {
      fontFamily: '"Noto Serif SC", serif',
    },
    body2: {
      fontFamily: '"Noto Serif SC", serif',
    },
    button: {
      fontFamily: '"Noto Serif SC", serif',
      fontWeight: 500,
    },
  },
  palette: {
    primary: {
      main: '#1976d2',
      light: '#42a5f5',
      dark: '#1565c0',
    },
    secondary: {
      main: '#dc004e',
      light: '#ff4081',
      dark: '#c51162',
    },
    background: {
      default: '#f5f5f5',
      paper: '#ffffff',
    },
  },
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          borderRadius: 8,
          textTransform: 'none',
        },
      },
    },
    MuiCard: {
      styleOverrides: {
        root: {
          borderRadius: 12,
          boxShadow: '0 2px 12px 0 rgba(0,0,0,0.1)',
        },
      },
    },
  },
});

export default theme; 